<template>
  <div>
    <h1>filters过滤器</h1>
    <p>{{ msg | add }}</p>
    <p>{{ msg | reverseStr }}</p>
    <p>{{ msg | add | reverseStr("@") }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "123",
    };
  },
  filters: {
    // reverseStr(value, param) {
    //   return value
    //     .split("")
    //     .reverse()
    //     .join(param || "");
    // },
    reverseStr: (value, param) => {
      return value
        .split("")
        .reverse()
        .join(param || "");
    },
  },
};
</script>

<style>
</style>